.header__logo {
  background-image: url(../../../images/header-logo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 176px;
  height: 52px;
  margin: 0;
  padding: 0;
  z-index: 2;
}

@media screen and (max-width: 425px) {
  .header__logo {
    max-width: 142px;
    max-height: 42px;
  }
}


@media screen and (min-width: 425px) and (max-width: 768px) {
  .header__logo {
    max-width: 142px;
    max-height: 42px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header__logo {
    max-width: 176px;
    max-height: 52px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .header__logo {
    max-width: 176px;
    max-height: 52px;
  }
}

@media screen and (min-width: 1280px) {
  .header__logo {
    max-width: 176px;
    max-height: 52px;
  }
}
